.yg-category {
  .category-search {
    height: 100rpx;
    background: #fe0100;
    display: flex;
    justify-content: center;
    align-items: center;
    .search-content {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 90%;
      height: 80%;
      background: #fff;
    }
  }

  .category-content {
    display: flex;
    background: #f5f5f9;
    .content-left {
      width: 25%;
      .left-list {
        height: calc(100vh - 50px);
        .item {
          height: 50px;
          line-height: 50px;
          text-align: center;
        }
      }
    }
    .content-right {
      width: 75%;
      .right-list {
        width: 100%;
        height: calc(100vh - 50px);
        .right-item {
          width: 100%;
         
            .title {
              height: 20px;
              margin:20px 0;
              display: flex;
              justify-content: center;
              align-items: center;
            }
            .product {
              width: 100%;
              display: flex;
              flex-wrap: wrap;
              .product-item {
                width: 33%;
                height: 120px;
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                .image {
                  width:80%;
                  height: 80%;
                  // height: auto;
                  image {
                    width: 100%;
                    height: 100%;
                  }
                }

                .name {
                  font-size: 14px;
                  color: #383838;
                  margin-top: 10px;
                }
              }
            }
        
        }
      }
    }
  }
}
